<template>
  <div class="container">
    <router-link to="/" tag="div" class="box-container">
      <div><img src="@/assets/images/sjsq.png" alt="" class="img-box"></div>
      <div class="box-text">商家社区</div>
    </router-link>
    <router-link @click.native=go_to_print() to="#" tag="div" class="box-container">
      <div><img src="@/assets/images/dyfh.png" alt="" class="img-box"></div>
      <div class="box-text">打印发货</div>
    </router-link>
    <router-link to="/" tag="div" class="box-container">
      <div><img src="@/assets/images/bzjc.png" alt="" class="img-box"></div>
      <div class="box-text">帮助教程</div>
    </router-link>
    <router-link to="/" tag="div" class="box-container">
      <div><img src="@/assets/images/gxrz.png" alt="" class="img-box"></div>
      <div class="box-text">更新日志</div>
    </router-link>
  </div>
</template>

<script>
  export default {
    name: 'setting-express',
    methods: {
      go_to_print() {
          window.open('/ie1_adminPrint/#/print/list/key=ccvWPn')
      }
    },
  }
</script>
<style lang="css" scoped>
.container{
  width: 100%;
  height: 290px;
  border-radius: 5px;
  padding: 20px 20px;
  text-align: center;
  background-color: #fff;
}
.box-container{
  display: inline-block;
  height: 120px;
  width: 130px;
  padding: 15px 15px;
  cursor: pointer;
  /* background-color: #ccc; */
}
.img-box{
  height: 70px;
  width: 70px;
  text-align: center;
}
.box-text{
  font-size: 14px;
  padding:2px 0;
  /* color: #8e8e8e; */
}
</style>
